<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org"
	xmlns:dt="http://github.com/dandelion/datatables"
	xmlns:sec="http://www.thymeleaf.org">
<head>


</head>

<body>

	<div class="navbar navbar-inverse navbar-fixed-top" id="navbar" th:fragment="navbar">
		<div class="navbar-inner">
			<div class="container-fluid">
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="brand" href="#" style="color: yellow; font-weight: bold"
					th:utext="#{product}">    </a> <span class="label label-info" th:utext="${version}"></span>
				<div class="nav-collapse collapse">

					<ul class="nav">
						<li th:class="${nav == 'home' ? 'active' : ''}"><a href="home" th:utext="#{home}"></a></li>
						
						

						<li class="dropdown" th:class="${nav == 'uc' ? 'dropdown active' : 'dropdown'}"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"><span th:utext="#{apps}"></span> <b
								class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="newapplication" th:utext="#{new}"></a></li>
								<li><a href="listapplications" th:utext="#{viewall}"></a></li>

							</ul></li>
							
							
						<li class="dropdown" th:class="${nav == 'social' ? 'dropdown active' : 'dropdown'}"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"><span th:utext="#{socialproviders}"></span> <b
								class="caret"></b></a>
							<ul class="dropdown-menu">
								<li class="dropdown-submenu">
									<a tabindex="-1" href="#" th:utext="#{new}"></a>
									<ul class="dropdown-menu">
									<li><a href="newsocialprovider?type=Facebook" th:utext="#{facebook}"></a></li>
									<li><a href="newsocialprovider?type=Twitter" th:utext="#{twitter}"></a></li>
									</ul>
									
									
								</li>
								<li class="dropdown-submenu">
									<a tabindex="-1" href="#" th:utext="#{viewall}"></a>
									<ul class="dropdown-menu">
									<li><a href="listsocialproviders?type=Facebook" th:utext="#{facebook}"></a></li>
									<li><a href="listsocialproviders?type=Twitter" th:utext="#{twitter}"></a></li>
									</ul>
									
									
								</li>

							</ul></li>	

						
						<!-- 
						<li><a href="#about" th:utext="#{docs}"></a></li>

						
						<li class="dropdown"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown">Tickets <b
								class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="newproject">New</a></li>
								<li><a href="viewallprojects">View All</a></li>

							</ul></li>

						<li><a href="#about">Help</a></li>
						<li><a href="#contact">Contact</a></li>
						 -->



					</ul>


					<div class="pull-right">
						<ul class="nav pull-right">
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								th:text="#{hi} +' '+ ${#authentication.name}"
								data-toggle="dropdown"><b class="caret"></b></a>
								<ul class="dropdown-menu">
									<!-- 
									<li><a href="/user/preferences"><i class="icon-cog"></i>
											Preferences</a></li>
									<li><a href="/help/support"><i class="icon-envelope"></i>
											Contact Support</a></li>
									<li class="divider"></li>
									 -->
									<li><a href="j_spring_security_logout"><i
											class="icon-off"></i> <span th:utext="#{logout}"></span></a></li>
								</ul></li>
						</ul>
					</div>




				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div class="container" id="footer" th:fragment="footer">

		<div class="row-fluid">
			<div class="span12">
				<!-- 
				<div class="span8 pull-left">
					<a href="#" th:utext="#{termsofservice}"></a>| <a href="#"
						th:utext="#{privacy}"></a> |<a th:utext="#{security}" href="#"></a>
				</div>
				 -->
				<div class="span4">
					<p class="muted pull-right" th:utext="#{copyright}"></p>
				</div>
			</div>
		</div>
	</div>



	<!--/.fluid-container-->

	
</body>
</html>
